<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>MyHouse住户系统-主页</title>
    <link rel="stylesheet" type="text/css" href="/webjars/bootstrap/3.3.7/css/bootstrap.css"/>
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="/webjars/bootstrap/3.3.7/js/bootstrap.js" type="text/javascript" rel="script"></script>
    <link rel="stylesheet" href="/user_css/common.css" />
    <link rel="stylesheet" href="/user_css/shopsManager.css" />
    <script type="text/javascript" src="/user_js/common.js" ></script>
    <script type="text/javascript" src="/user_js/navTop.js"></script>
    <script type="text/javascript" src="/user_js/jquery.circliful.min.js"></script>
<!--    xtiper插件css,js-->
    <link href="/xtiper_css/xtiper.css" rel="stylesheet" type="text/css"/>
    <script src="/xtiper_js/xtiper.js" type="text/javascript"></script>
    <script src="/webjars/vue/2.6.10/dist/vue.js"></script>
    <script src="/webjars/axios/0.19.0/dist/axios.min.js"></script>
    <script src="/configjs/config.js"></script>
</head>

<body>

<div id="vueBox">

<!-- 内容  开始-->
<div class="wrap">
    <div class="vip_cont c100 clearfix">
        <!--左边列表导航  开始-->
        <div class="fl vip_left vip_magLeft">
            <dl>
                <dt>公寓管家</dt>
                <dd>
                    <p><a class="headerLi headerActive" href="#">费用缴纳</a></p>
                    <p><a class="headerLi headerOff" href="#" >公寓信息查询</a></p>
                    <p><a class="headerLi headerOff" href="#" >维修反馈</a></p>
                    <p><a class="headerLi headerOff" href="#" @click="selectUserBill(1)">查看缴费记录</a></p>
                    <p><a class="headerLi headerOff" href="#" @click="selectUserwxfk(1)">查看维修信息</a></p>
                    <p v-if="this.liver.houseid!=null&&this.liver.houseid!=0"><a href="#" @click="notice()">查阅公告</a></p>
                    <p v-if="this.liver.houseid==null||this.liver.houseid==0"><a href="#" @click="TiShinotice()">查阅公告</a></p>
                    <p><a style="color: forestgreen" href="#" @click="HomePage()">返回首页</a></p>
                </dd>
            </dl>
            <dl>
                <dt>我的账号</dt>
                <dd>
                    <p><a href="#" class="headerLi headerOff" >基本资料</a></p>
                    <p><a href="#" class="headerLi headerOff">修改密码</a></p>
                    <p><a onclick="Logintc()" target="_blank">退出登录</a></p>
                </dd>
            </dl>
        </div>
        <!--左边列表导航  结束-->

        <!--右边列表内容  开始-->
        <div class="fr vip_right vip_magRight" >
            <!--用户信息  开始 -->
            <div class="cus01"  style="position:relative">
                <div  style="position:absolute;top: 50px">
                    <img src="/static/user_images/myhouselogo.png"/>
                </div>
                <div class="cusName" style="position:absolute;left: 320px">
                    <p >用户名称:{{liver.name}}</p>
                    <span v-show="this.liver.houseid!=null&&this.liver.houseid!=0">公寓名称:{{house.housename}}&nbsp;&nbsp;<a href="#" style="color: blue" @click="ShowUserUpGYBHMadol">公寓换绑</a></span>
                    <span v-show="this.liver.houseid==null||this.liver.houseid==0">公寓名称:暂未绑定公寓&nbsp;&nbsp;<a href="#" style="color: blue" @click="ShowUserUpGYBHMadol">公寓绑定</a></span>
                    <span v-show="this.liver.roomid!=null&&this.liver.roomid!=0">公寓门牌号:{{room.roomname}}</span>
                    <span v-show="this.liver.roomid==null||this.liver.roomid==0">暂未绑定公寓房间号,请联系公寓管理员</span>
                </div>
            </div>
            <!-- 用户余额充值,余额提现-->
            <ul class="cus02" style="position:relative">
                <div style="position:absolute;right: 645px;bottom: 60px">
                    <span v-show="liver.money<=999999" style="font-weight: 600">余额:${{liver.money|numFilter}}</span>
                    <span v-show="liver.money>999999" style="font-weight: 600">余额:100W+</span>
                </div>
                <li style="position:relative">
                    <p style="position:absolute;bottom: 20px"><button type="button" class="btn btn-success" @click="showpayMadol()">充值</button></p>
                </li>
                <li style="position:relative">
                    <p style="position:absolute;bottom: 20px"><button type="button" @click="ShowYueTiXianModal()" class="btn btn-success">余额提现</button></p>
                </li>
            </ul><br/><br/>
            <!--用户押金退回-->
            <div style="position:relative">
                <div style="position:absolute;bottom: 60px;left: 420px">
                    <p><span  style="font-weight: 600" v-show="liver.yanjin!=null&&liver.yanjin!=0">押金余额:${{liver.yanjin}}</span></p>
                    <p><span  style="font-weight: 600" v-show="liver.yanjin==0">押金余额:您未支付押金,请前去支付</span></p>
                    <p><span  style="font-weight: 600" v-show="liver.yanjin==null">押金余额:您未支付押金,请前去支付</span></p>
                    <button type="button" @click="UserYaJingTH(liver.yanjin)" class="btn btn-success">押金退回</button>
                </div>
            </div>
            <!--费用缴纳-->
            <div class="infoForm hide" id="partOne">

                <table class="table">
                    <thead>
                    <tr>
                        <th>租户到期时间</th>
                        <th>缴费操作</th>
                    </thead>
                    <tbody>
                    <tr class="active">
                        <td>{{liver.endtime|formatDate}}</td>
                        <td>
                            <div style="position:relative">
                            <div class="btn-group" data-toggle="buttons" style="position:absolute;">
                                <label class="btn btn-warning"  @click="ShowReletMadol() ">
                                    <input type="radio" name="options" id="option1">公寓续租
                                </label>
                                <label class="btn btn-info"  @click="ShowGongyuReletMadol()">
                                    <input type="radio" name="options" id="option2">公寓缴费
                                </label>
                                <label class="btn btn-danger" @click="ShowYaJingMadol()">
                                    <input type="radio" name="options" id="option3"> 公寓押金缴纳
                                </label>
                            </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>



            </div>
            <!--公寓信息查询-->
            <div class="infoForm hide" id="partTwo">
                <table v-show="this.liver.houseid!=null&&this.liver.houseid!=0" class="table table-striped">
                    <thead>
                    <tr></tr>
                    <tr>
                        <th>公寓法人姓名</th>
                        <th>公寓名称</th>
                        <th>公寓地址</th>
                        <th>公寓公告</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>{{house.frname}}</td>
                        <td>{{house.housename}}</td>
                        <td>{{house.houseaddr}}</td>
                        <td>
                            <span v-show="house.housenote!=null&&house.housenote!=0">{{house.housenote}}</span>
                            <span v-show="house.housenote==null">暂时没有公告</span>
                            <span v-show="house.housenote==0">暂时没有公告</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <table v-show="this.liver.houseid==null||this.liver.houseid==0">
                    <thead>
                        <tr style="position:relative">
                            <th  style="position:absolute;right: 650px">
                                <h2>
                                    请您先绑定公寓房间号
                                </h2>
                            </th>
                        </tr>
                    </thead>
                </table>
            </div>
            <!--维修反馈-->
            <div class="infoForm hide" id="partThree">
                <div style="position:relative" v-show="this.room.roomname!=null&&this.room.roomname!=0">
                    <span style="position:absolute;left: 200px;font-size: 20px;color:lightsteelblue; ">维修反馈:</span>
                    <textarea style="border:lightsteelblue 4px solid;font-weight:900;position:absolute;left: 200px;top: 40px" type="text" v-model="wxfk.fkcontent" id="Clearweixiu" rows="8" cols="40"></textarea>
                    <button type="button" style="position:absolute;left: 400px;top: 250px" class="btn btn-danger" @click="ClearWXFK()">清空内容</button>
                    <button type="button" style="position:absolute;left: 500px;top: 250px" class="btn btn-success" @click="UserWXFK()">维修反馈</button>
                </div>
                <div style="position:relative"  v-show="this.room.roomname==null||this.room.roomname==0">
                    <div style="position:absolute;left: 244px">
                        <h2 >请您先绑定公寓房间号</h2>
                    </div>

                </div>


            </div>
            <!--缴费信息-->
            <div class="infoForm hide" id="partfive">
                <table v-show="this.room.roomname!=null&&this.room.roomname!=0" class="table table-striped">
                    <thead>
                    <tr>
                        <th colspan="9">&nbsp;起始日期:<input type="text" v-model="startDate"  placeholder="截止日期,格式为:年/月/日">&nbsp;截至时间:<input type="text" v-model="endDate"  placeholder="截止日期,格式为:年/月/日">&nbsp;<button type="button" @click="selectUserBill(pageNum)">搜索</button></th>
                    </tr>
                    <tr>
                        <th>缴费日期</th>
                        <th>缴费金额</th>
                        <th>缴费备注</th>
                        <th>缴费住户姓名</th>
                        <th>收款公寓名称</th>
                        <th>订单状态</th>
                        <th>缴费类型</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="item in liverOrder.list">
                        <td v-text="item.date"></td>
                        <td v-text="item.money"></td>
                        <td v-text="item.remark"></td>
                        <td v-text="item.uname"></td>
                        <td v-text="item.housename"></td>
                        <td v-show="item.state==0"><span style="color: red">未付款</span></td>
                        <td v-show="item.state==1"><span style="color: mediumseagreen">已付款</span></td>
                        <td v-show="item.properties==0">用户充值</td>
                        <td v-show="item.properties==1">住宿缴费</td>
                        <td v-show="item.properties==2">其他缴费</td>
                        <td v-show="item.properties==3">押金缴纳</td>
                        <td v-show="item.properties==4">押金退回</td>
                        <td v-show="item.properties==5">用户提现</td>
                        <td v-show="item.properties==null">未识别的类型</td>
                    </tr>
                    </tbody>
                </table>
                <div align="center" v-show="this.room.id!=null&&this.room.roomname!=0">
                    <ul class="pagination">
                        <li><a @click="selectUserBill(liverOrder.prePage)" v-show="liverOrder.hasPreviousPage==true">&laquo;</a></li>
                        <li v-for="item in liverOrder.navigatepageNums"><a @click="selectUserBill(item)">{{item}}</a></li>
                        <li><a @click="selectUserBill(liverOrder.nextPage)" v-show="liverOrder.hasNextPage==true">&raquo;</a></li>
                    </ul>
                </div>
                <table v-show="this.room.roomname==null||this.room.roomname==0">
                    <thead>
                    <tr style="position:relative">
                        <th  style="position:absolute;right: 650px">
                            <h2>
                                请您先绑定公寓房间号
                            </h2>
                        </th>
                    </tr>
                    </thead>
                </table>

            </div>
            <!--维修信息-->
            <div class="infoForm hide" id="parteight">
                <table v-show="this.room.roomname!=null&&this.room.roomname!=0" class="table table-striped">
                    <thead>
                    <tr>
                        <th colspan="9">&nbsp;起始日期:<input type="text" v-model="wxfkstartDate" placeholder="起始日期,格式为:年/月/日">--截止日期:<input type="text" v-model="wxfkendDate" placeholder="截止日期,格式为:年/月/日">&nbsp;反馈内容:<input type="text" v-model="wxfkfkcontent" placeholder="反馈内容,不填默认为全部">&nbsp;<button @click="selectUserwxfk(1)">搜索</button></th>
                    </tr>
                    <tr>
                        <th>公寓编号</th>
                        <th>反馈内容</th>
                        <th>处理状态</th>
                        <th>处理结果</th>
                        <th>反馈日期</th>
                        <th>处理日期</th>
                        <th>处理人</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="item in wxfk.list">
                        <td v-text="item.houseid"></td>
                        <td v-text="item.fkcontent"></td>
                        <td v-show="item.state==0"><span style="color: red">未处理</span></td>
                        <td v-show="item.state==1"><span style="color: mediumseagreen">已处理</span></td>
                        <td v-show="item.state==null"><span style="color: orange">无法识别的处理状态</span></td>
                        <td v-show="item.state==0"><span style="color: red">未处理</span></td>
                        <td v-show="item.state==1" v-text="item.result">Tanmay</td>
                        <td v-text="item.startdate">Tanmay</td>
                        <td v-show="item.state==0"><span style="color: red">未处理</span></td>
                        <td v-text="item.enddate"  v-show="item.state==1" >Tanmay</td>
                        <td v-show="item.state==0"><span style="color: red">未处理</span></td>
                        <td  v-show="item.state==1"  v-text="item.person">Tanmay</td>
                    </tr>
                    </tbody>
                </table>
                <div align="center" v-show="this.room.roomname!=null&&this.room.roomname!=0">
                    <ul class="pagination">
                        <li><a @click="selectUserwxfk(wxfk.prePage)" v-show="wxfk.hasPreviousPage==true">&laquo;</a></li>
                        <li v-for="item in wxfk.navigatepageNums"><a @click="selectUserwxfk(item)">{{item}}</a></li>
                        <li><a @click="selectUserwxfk(wxfk.nextPage)" v-show="wxfk.hasNextPage==true">&raquo;</a></li>
                    </ul>
                </div>
                <table v-show="this.room.roomname==null||this.room.roomname==0">
                    <thead>
                    <tr style="position:relative">
                        <th  style="position:absolute;right: 650px">
                            <h2>
                                请您先绑定公寓房间号
                            </h2>
                        </th>
                    </tr>
                    </thead>
                </table>

            </div>
            <!--基本信息-->
            <div class="infoForm hide" id="partSix">
                <table class="table table-striped">
                    <thead>
                    <tr></tr>
                    <tr>
                        <th>编号</th>
                        <th>姓名</th>
                        <th>手机号</th>
                        <th>邮箱</th>
                        <th>身份证号</th>
                        <th>入住时间</th>
                        <th>房间号</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>{{liver.id}}</td>
                        <td>{{liver.name}}</td>
                        <td>
                            <span v-show="liver.phone!=0&&liver.phone!=null">{{liver.phone}}</span>
                            <span v-show="liver.phone==0">您未填写手机号</span>
                        </td>
                        <td>
                            <span v-show="liver.email!=0&&liver.email!=null">{{liver.email}}</span>
                            <span v-show="liver.email==0||liver.email==null">您未填写邮箱</span>
                        </td>
                        <td>{{liver.idcard}}</td>
                        <td>{{liver.starttime|formatDate}}</td>
                        <td>
                            <span v-show="room.roomname!=null">{{room.roomname}}</span>
                            <span v-show="room.roomname==null">您未绑定房间号</span>
                        </td>

                    </tr>
                    </tbody>
                </table>
            </div>
            <!--修改密码-->
            <div class="infoForm hide" id="partFrou">
                <div style="position:relative">
                    <span style="position:absolute;left: 140px;top: 5px">原密码:</span>
                    <input type="password" v-model="oldPassword" style="width: 300px;position:absolute;left: 200px;" class="form-control" placeholder="请输入原密码">
                    <span style="position:absolute;left: 140px;top: 95px">新密码:</span>
                    <input type="password" v-model="newPassword" style="width: 300px;position:absolute;left: 200px;top: 90px" class="form-control" placeholder="请输新密码">
                    <button type="button" @click="UserUpdatePassword()" class="btn btn-success" style="position:absolute;left: 430px;top: 130px">修改</button>
                </div>
            </div>
        </div>
        <!--右边列表内容  结束-->
    </div>

</div>
    <!-- 实名模态框 -->
    <div class="modal" id="myModal" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" type="button" @click="hideModal()">&times;</button>
                    <div class="modal-title">
                        请实名验证!
                    </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <input type="hidden" v-model="liver.id"/>
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">请输入真实姓名:</label>
                            <div class="col-sm-10">
                                <input type="text" id="name" v-model="liver.name" class="form-control" placeholder="请输入真实姓名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">请输入身份证号:</label>
                            <div class="col-sm-10">
                                <input type="text" id="idcard" v-model="liver.idcard" class="form-control" placeholder="请输入身份证号"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" @click="certification()">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 公寓绑定模态框 -->
    <div class="modal" id="myModal1" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" type="button">&times;</button>
                    <div class="modal-title">
                        请填写您的公寓编号
                    </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <input type="hidden" v-model="liver.id"/>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">请填写您的公寓编号:</label>
                            <div class="col-sm-10">
                                <input type="text" id="houseid" v-model="liver.houseid"  class="form-control" placeholder="请填写您的公寓编号">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" @click="bindHouse()">绑定</button>
                    <button class="btn btn-danger" @click="hideMyMadal1()">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 充值模态框 -->
    <div class="modal" id="myModal2" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" @click="hideayMadol()" type="button">&times;</button>
                <div class="modal-title">
                    请输入你要充值的金额
                </div>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <input type="hidden" v-model="liver.id"/>
                    <div class="form-group">
                        <label  class="col-sm-4 control-label">请输入你要充值的金额:</label>
                        <div class="col-sm-10">
                            <input type="text" id="congzimoney" v-model="liver.money"  class="form-control" placeholder="请输入你要充值的金额">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" @click="Rechargemoney()">充值</button>
            </div>
        </div>
    </div>
</div>
    <!--公寓续租模态框-->
    <div class="modal" id="myModal3" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" @click="hideReletMadol()" type="button">&times;</button>
                    <div class="modal-title">
                        请输入你要续租的天数
                    </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <input type="hidden" v-model="liver.id"/>
                        <span v-show="this.liver.roomid==0">您未绑定房间号</span>
                        <span v-show="this.liver.roomid==null">您未绑定房间号</span>
                        <span v-show="this.liver.roomid!=null&&this.liver.roomid!=0">公寓居住一天:${{room.dayprice}}</span><br/>
                        <span v-show="this.liver.roomid==0"></span>
                        <span v-show="this.liver.roomid==null"></span>
                        <span v-show="this.day==0&&this.liver.roomid!=0">您续租的总金额是:${{room.dayprice*day}}</span>
                        <span v-show="(/(^[1-9]\d*$)/.test(this.day))">您续租的总金额是:${{room.dayprice*day}}</span>
                        <span v-show="this.day!=0&&!(/(^[1-9]\d*$)/.test(this.day))">请您输入合法的续租天数</span>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请输入你要续租的天数:</label>
                            <div class="col-sm-10">
                                <input type="text" v-model="day" id="xuzhuprice"   class="form-control" placeholder="请输入你要续租的天数">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" @click="UserXuZu()">续租支付</button>
                </div>
            </div>
        </div>
    </div>
    <!--公寓缴费模态框-->
    <div class="modal" id="myModal4" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" @click="hideGongyuReletMadol()" type="button">&times;</button>
                    <div class="modal-title">
                        请输入你要缴费的金额
                    </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <input type="hidden" v-model="liver.id"/>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请输入你要缴费的金额:</label>
                            <div class="col-sm-10">
                                <input type="text" v-model="total" id="jiaofeitotal" class="form-control" placeholder="请输入你要缴费的金额">
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请填写缴费类型备注:</label>
                            <div class="col-sm-10">
                                <input type="text"  v-model="remark" id="jiaofeiremark"  class="form-control" placeholder="请填写缴费类型备注">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" @click="GongyuRelet()">缴费支付</button>
                </div>
            </div>
        </div>
    </div>
    <!--押金模态框-->
    <div class="modal" id="myModal5" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" @click="HideYaJingMadol()" type="button">&times;</button>
                    <div class="modal-title">
                        请输入你的押金
                    </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <input type="hidden" v-model="liver.id"/>
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">请输入你的押金:</label>
                            <div class="col-sm-10">
                                <input type="text" id="yajintotal"  v-model="total"  class="form-control" placeholder="请输入你的押金">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" @click="UserYaJing()">押金支付</button>
                </div>
            </div>
        </div>
    </div>
    <!--余额提现模态框-->
    <div class="modal" id="myModal7" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" @click="HideYueTiXianModal()" type="button">&times;</button>
                    <div class="modal-title">
                        用户余额提现
                    </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <span v-if="withdrawmoney<100000&&withdrawmoney>10">提现手续费为(最低0.01最高100):{{withdrawmoney*0.001|numFilter}}</span>
                        <span v-if="withdrawmoney<=10">提现手续费为(最低0.01最高100):0.01</span>
                        <span v-if="withdrawmoney>=100000">提现手续费为(最低0.1最高100):100</span>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请输入余额提现金额:</label>
                            <div class="col-sm-10">
                                <input type="text"  v-model="withdrawmoney"  id="tixianmoney"  class="form-control" placeholder="请输入余额提现金额">
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请输入您的银行卡号:</label>
                            <div class="col-sm-10">
                                <input type="text"  v-model="bankNum" id="tixiankahao"   class="form-control" placeholder="请输入您的银行卡号">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" @click="UserYueTiXian()">提现</button>
                </div>
            </div>
        </div>
    </div>
    <!--公寓换绑模态框-->
    <div class="modal" id="myModal8" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" @click="HideUserUpGYBHMadol()" type="button">&times;</button>
                    <div class="modal-title">
                        请输入你的换绑公寓编号
                    </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        公寓编号请联系公寓管理员获取
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请输入你的换绑公寓编号:</label>
                            <div class="col-sm-10">
                                <input type="text" id="UPHBhouseid"  v-model="liver.houseid" class="form-control" placeholder="请输入要换绑的公里公寓编号">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer" style="position:relative">
                    <p style="position:absolute;left: 35px">如果想要清空公寓绑定信息,请绑定到0号公寓</p>
                    <button class="btn btn-primary"  @click="liverUserHuanBangTishi()">绑定</button>
                </div>
            </div>
        </div>
    </div>
<!--    换绑提示模拟按钮事件-->
    <button hidden="hidden" @click="updateUserHouseId()" id="updateHouseButton"></button>
</div>
</body>
</html>
<script type="application/javascript">
    function Logintc() {//进行登入页面跳转
        window.location.href="login.html";
    }
    //实现点击选项卡切换
    window.onload = function() {
        var tabLi = $(".headerLi");
        var tabDiv = $(".infoForm");
        for(var k = 0; k < tabLi.length; k++) { //对tabLi数组进行循环
            tabLi[k].index = k;
            tabLi[k].onclick = function() { //判断哪一个li标签被点击
                for(var l = 0; l < tabLi.length; l++) { //对tabLi数组进行循环
                    tabLi[l].className = "headerOff"; //所有li设置不被点击状态
                    tabDiv[l].className = "infoForm hide"; //所有的div内容设置为hide状态
                }
                this.className = "headerActive";
                tabDiv[this.index].className = "infoForm show";
            }
        }
    };
    var vm=new Vue({
        el:"#vueBox",
        data:{
            liver:{//住户表对象
                id:"",
                name:"",
                phone:"",
                email:"",
                code:"",
                houseid:"",
                money:"",
                idcard:"",
                starttime:"",
                endtime:"",
                roomid:"",
                password:"",
                state:"",
                yanjin:""
            },house:{//公寓表对象
                id:"",
                frname:"",
                frphone:"",
                fridcard:"",
                housename:"",
                houseaddr:"",
                housenote:"",
                dayprice:""
            },room:{//房间表对象
                id:"",
                houseid:"",
                roomsize:"",
                roomnow:"",
                roomname:"",
                dayprice:""
            },
            properties:'',
            day:"",
            remark:"",
            total:"",
            bankNum:"",
            oldPassword:"",
            newPassword:"",
            wxfk:{//维修表对象
                id:"",
                houseid:"",
                uid:"",
                fkcontent:'',
                state:"",
                result:"",
                startdate:"",
                enddate:"",
                person:""
            },
            flag:"false",
            liverOrder:{
                id:"",
                date:"",
                money:"",
                remark:"",
                uname:"",
                housename:""
            },
            startDate:"",
            endDate: "",
            withdrawmoney:"",
            wxfkstartDate:"",
            wxfkendDate:"",
            wxfkfkcontent:"",
            loginName:""

        },mounted(){
            flag=false;
            var loginName=decodeURIComponent(window.atob(decodeURIComponent(location.search.slice(1).split("=")[1])));
            this.seluserLogin(loginName);//执行用户登录查询
            this.loginName=decodeURIComponent(location.search.slice(1).split("=")[1]);
        },methods:{
            clear:function () {
               $("#xuzhuprice").val('');
               $("#congzimoney").val('');
               $("#yajintotal").val('');
               $("#jiaofeiremark").val('');
               $("#jiaofeitotal").val('');
               $("#tixiankahao").val('');
               $("#tixianmoney").val('');
               $("#UPHBhouseid").val('');
            },ClearWXFK:function(){
                $("#Clearweixiu").val('');
            },showMyMadal:function(){
             //打开实名验证模态框
                $('#myModal').modal("show");
            },hideMyMadal:function(){
                //关闭实名验证模态框
                $('#myModal').modal("hide");
            },tuiLogin:function(){
                //退出登录
                window.location.href="login.html";
            },showMyMadal1:function(){
                //打开公寓绑定模态框
                $('#myModal1').modal("show");
            },hideMyMadal1:function(){
                //打开公寓绑定模态框
                $('#myModal1').modal("hide");
            },showpayMadol:function(){
                //打开充值模态框
                $('#myModal2').modal("show");
                this.liver.money="";
                this.clear();
            },hideayMadol:function(){
                //关闭充值模态框
                $('#myModal2').modal("hide");
                this.clear();
            },HomePage:function () {
                //刷新页面
                window.location.reload();
            },liverUserHuanBangTishi:function(){//住户换绑提示
                xtip.confirm('换绑公寓的租住时间将被清空,且未退还的押金会自动退回,您确定要换绑吗?',function () {
                   $('#updateHouseButton').click();
                });
            },ShowReletMadol:function () {
                if (this.liver.roomid==null||this.liver.roomid==0){
                    xtip.msg('您还未绑定公寓房间号!',{icon:'w'});
                }else {
                    if (this.liver.houseid==null||this.liver.houseid==''||this.liver.houseid==0){
                        xtip.msg('您未绑定公寓',{icon:'w'});
                        xtip.close(loadid);
                    }else {
                        //打开续租模态框
                        $("#myModal3").modal("show");
                        xtip.close(loadid);
                    }
                    this.clear();
                }
            },hideReletMadol:function () {
                //关闭续租模态框
                $("#myModal3").modal("hide");
                this.clear();
            },ShowGongyuReletMadol:function () {
                if (this.liver.roomid==null||this.liver.roomid==0){
                    xtip.msg('您还未绑定公寓房间号!',{icon:'w'});
                }else {
                    if (this.liver.houseid==null||this.liver.houseid==''||this.liver.houseid==0){
                        xtip.msg('您未绑定公寓',{icon:'w'});
                    }else {
                        //打开公寓缴费模态框
                        $("#myModal4").modal("show");
                    }
                    this.clear();
                }
            },hideGongyuReletMadol:function () {
                //关闭公寓缴费模态框
                $("#myModal4").modal("hide");
                this.clear();
            },ShowYaJingMadol:function(){
                if (this.liver.roomid==null||this.liver.roomid==0){
                    xtip.msg('您还未绑定公寓房间号!',{icon:'w'});
                }else {
                    if (this.liver.houseid==null||this.liver.houseid==''||this.liver.houseid==0){
                        xtip.msg('您未绑定公寓',{icon:'w'});
                    }else {
                        //打开缴费押金模态框
                        $("#myModal5").modal("show");
                        this.total="";
                    }
                    this.clear();
                }
            },HideYaJingMadol:function(){
                //关闭缴费押金模态框
                $("#myModal5").modal("hide");
                this.clear();
            },ShowYueTiXianModal:function(){
                //打开余额提现退回模态框
                $("#myModal7").modal("show");
                this.clear();
            },HideYueTiXianModal:function(){
                //关闭余额提现退回模态框
                $("#myModal7").modal("hide");
                this.clear();
            },ShowUserUpGYBHMadol:function(){
                //打开用户公寓换绑模态框
                $("#myModal8").modal("show");
            },HideUserUpGYBHMadol:function(){
                //打开用户公寓换绑模态框
                $("#myModal8").modal("hide");
            },TiShinotice:function(){
                xtip.msg('请您先绑定公寓编号',{icon:'w'});
            },notice:function(){
                if (this.house.housenote==null||this.house.housenote==''){
                    xtip.win({
                        type:'confirm',
                        btn:['关闭'],
                        tip:'暂时没有公告',
                        icon:'w',
                        title:'有巢管家公告',
                        min:true,
                        width:'800px',
                        shade:true,
                        shadeClose:false,
                        lock:false,
                    });
                }else {
                    xtip.win({
                        type:'confirm',
                        btn:['关闭'],
                        tip:this.house.housenote,
                        icon:'w',
                        title:'有巢管家公告',
                        min:true,
                        width:'800px',
                        shade:true,
                        shadeClose:false,
                        lock:false,
                    })
                }
            },selectUserBill:function(pageNum){//查询住户缴费记录
                if (this.startDate==''){
                    this.startDate="1988/06/06";
                }if (this.endDate==''){
                    this.endDate="1988/06/06";
                }if (this.startDate==''){
                    xtip.msg('起始时间不能为空',{icon:'w'});
                    return false;
                }if (this.endDate==''){
                    xtip.msg('始末时间不能为空',{icon:'w'});
                    return false;
                }
                loadid=xtip.load('正在处理中');
                axios({
                    url:link+"/liver/selectPay",
                    method:"get",
                    params:{id:this.liver.id,pageNum:pageNum,startDate:this.startDate,endDate:this.endDate}
                }).then(res=>{
                    if (this.endDate=="1988/06/06"){
                        this.endDate="";

                    }if (this.startDate=="1988/06/06"){

                        this.startDate="";
                    }
                    xtip.close(loadid);
                    this.liverOrder=res.data.data;
                })
            },certification:function () {//实名验证
                if (this.liver.name==''){
                    xtip.msg('请输入真实姓名!',{icon:'w'});
                    return false;
                }if (this.liver.idcard==''){
                    xtip.msg('请输入身份证号!',{icon:'w',});
                    return false;
                }if (!(/(^[1-9]\d*$)/.test(this.liver.idcard))){
                    xtip.msg('请输入合法的身份证号',{icon:'w'});
                    return false;
                }if (this.liver.idcard.length!=18){
                    xtip.msg('身份证号错误!',{icon:'e'});
                    return false;
                }
                loadid=xtip.load('正在验证中!请稍等');
               axios.get(link+"liver/bind",{params:{id:this.liver.id,name:this.liver.name,idcard:this.liver.idcard}}).then(res=>{
                   if (res.data.data.result=="success"){
                        this.hideMyMadal();
                        xtip.close(loadid);
                       this.selectLiver();
                       if (this.liver.houseid==null||this.liver.houseid==''){//判断住户id是否为空,如果为空打开绑定门牌号模态框,绑定用户门牌号
                           this.showMyMadal1();
                           return false;
                       }
                   }else{
                       xtip.msg('实名验证失败!',{icon:'e'});
                       xtip.close(loadid);
                   }
               })
            },bindHouse:function () {//绑定公寓编号
                if (this.liver.houseid==''){
                    xtip.msg('请输入公寓编号',{icon:'w'});
                    return false;
                }if (!(/(^[1-9]\d*$)/.test(this.liver.houseid))){
                    xtip.msg('公寓编号只能为数字',{icon:'w'});
                    return false;
                }
                axios.get(link+"liver/bindHouse",{params:{houseid:this.liver.houseid,id:this.liver.id}}).then(res=>{
                    if (res.data.data.result=="success"){
                        if (this.liver.name==''){
                            this.showMyMadal();
                            this.seluserLogin();
                        }else{
                            this.hideMyMadal1();
                            this.update();
                        }
                    }else{
                        xtip.msg('公寓编号不存在!',{icon:'e'});
                    }
                })
            },Rechargemoney:function () {//用户余额充值
                if (this.liver.money==''&&this.liver.money==0){
                    xtip.msg('请输入充值金额!',{icon:'w'});
                    return false;
                }if (!(/(^[1-9]\d*$)/.test(this.liver.money))){
                    xtip.msg('充值金额只能为数字',{icon:'w'});
                    return false;
                }if (this.liver.houseid==''||this.liver.houseid==null|this.liver.houseid==0){
                    xtip.msg('请您先绑定公寓编号',{icon:'w'});
                    return false;
                }
                axios({
                    url:link+"liver/pay",
                    method:"get",
                    params:{uid:this.liver.id,money:this.liver.money}
                }).then(res=>{
                     window.location.href="http://localhost:8081/pay?properties=0&price="+res.data.data.price+"&gremark="+res.data.data.gremark+"&contact="+res.data.data.contact+"&houseId="+res.data.data.houseId+"&uid="+res.data.data.uid+"&houseName="+res.data.data.houseName+"&loginName="+this.loginName;
                    this.selectLiver();
                })
            },selectHouseById:function () {//查询公寓信息
                axios({
                    url:link+"liver/selectHouseById",
                    method:"get",
                    params:{id:this.liver.houseid}
                }).then(res=>{
                    if (res.data.data.result=="null"){
                        this.house.housename="公寓已被删除";
                    }else {
                        this.house = res.data.data.result;
                        this.notice();
                        if (this.flag=="false"){
                            this.flag="true";
                        }

                    }
                })
            },UserXuZu:function () {//续租天数
                if (this.day==''){
                    xtip.msg('请输入续租天数',{icon:"w"});
                    return false;
                }if (this.day<1){
                    xtip.msg('续租天数不能小于零',{icon:"w"});
                    return false
                }if (!(/(^[1-9]\d*$)/.test(this.day))){
                    xtip.msg('续租天数只能为数字',{icon:'w'});
                    return false;
                }if (this.day.length>10){
                    xtip.msg('续租天数不能大于11位!',{icon:'w'});
                    return false
                }
                loadid=xtip.load('正在支付中!');
                axios({
                    url:link+"liver/pay2",
                    method:"get",
                    params:{day:this.day,properties:1,id:this.liver.id}
                }).then(res=>{
                    if (res.data.data.result=="success"){
                        xtip.msg('续租成功!天数为'+this.day,{icon:'s'});
                        this.hideReletMadol();
                        xtip.close(loadid);
                        this.selectLiver();
                    }else{
                        xtip.close(loadid);
                        xtip.msg(res.data.data.result,{icon:'e'});
                    }
                })
            },update:function () {//查询住户信息
                 axios({
                     url:link+"liver/selectLiverById",
                     method:"get",
                     params:{id:this.liver.id}
                 }).then(res=>{
                     this.liver=res.data.data.result;
                     if (this.liver.houseid!=''||this.liver.houseid!=0){
                         this.selectHouseById();
                     }
                 })
            },selectLiver1:function () {//查询住户信息
                axios({
                    url:link+"liver/selectLiverById",
                    method:"get",
                    params:{id:this.liver.id}
                }).then(res=>{
                    this.liver=res.data.data.result;
                })
            },selectLiver:function () {//查询住户信息
                loadid=xtip.load('正在数据初始化');
                axios({
                    url:link+"liver/selectLiverById",
                    method:"get",
                    params:{id:this.liver.id}
                }).then(res=>{
                    this.liver=res.data.data.result;
                    xtip.close(loadid);
                })
            },GongyuRelet:function () {//公寓缴费
                if (this.total==''){
                    xtip.msg('缴费金额不能为空!',{icon:"w"});
                    return false;
                }if (this.total<1){
                    xtip.msg('缴费金额不能小于零',{icon:"w"});
                    return false;
                }if (this.remark==''){
                    xtip.msg('请填写缴费类型备注',{icon:'w'});
                    return false;
                }if (!(/(^[1-9]\d*$)/.test(this.total))){
                    xtip.msg('缴费只能为数字',{icon:'w'});
                    return false;
                }
                loadid=xtip.load('正在支付中!');
                axios({
                    url:link+"liver/pay2",
                    method:"get",
                    params:{total:this.total,properties:2,id:this.liver.id,remark:this.remark}
                }).then(res=>{
                    if (res.data.data.result=="success"){
                        xtip.msg('缴费成功!总金额为$'+this.total,{icon:'s'});
                        this.hideGongyuReletMadol();
                        xtip.close(loadid);
                        this.selectLiver();
                    }else{
                        xtip.msg(res.data.data.result,{icon:'e'});
                        xtip.close(loadid);
                    }
                })
            },getRoomInfo:function () {//缴费押金
                axios({
                    url:link+"liver/getRoomInfo",
                    method:"get",
                    params:{roomid:this.liver.roomid}
                }).then(res=>{
                    this.room=res.data.data;
                })
            },UserYaJing:function () {
                if (this.total==''){
                    xtip.msg('押金金额不能为空!',{icon:'w'});
                    return false;
                }if(this.total<1){
                    xtip.msg('押金金额不能为0!',{icon:'w'});
                    return false;
                }if (!(/(^[1-9]\d*$)/.test(this.total))){
                    xtip.msg('押金只能为数字',{icon:'w'});
                    return false;
                }if (this.liver.yanjin!=''){
                    xtip.msg('您的公寓押金已支付',{icon:'w'});
                    return false;
                }
                loadid=xtip.load('正在支付中!');
                axios({
                    url:link+"liver/pay2",
                    method:"get",
                    params:{total:this.total,properties:3,id:this.liver.id}
                }).then(res=>{
                    if (res.data.data.result=="success"){
                        xtip.msg('押金支付成功!金额为$'+this.total,{icon:'s'});
                        this.HideYaJingMadol();
                        xtip.close(loadid);
                        this.selectLiver();
                    }else{
                        xtip.msg(res.data.data.result,{icon:'e'});
                        xtip.close(loadid);
                    }
                })

            },UserYaJingTH:function (yanjin) {//用户押金退回
                if (this.liver.houseid==''||this.liver.houseid==null){
                    xtip.msg('您还未绑定公寓编号',{icon:'w'});
                    return false;
                }
                if (this.liver.yanjin==''){
                    xtip.msg('您的押金余额已退回',{icon:'w'});
                    return false;
                }
                loadid=xtip.load('正在退回中!');
                axios({
                    url:link+"liver/pay2",
                    method:"get",
                    params:{total:this.liver.yanjin,properties:4,id:this.liver.id}
                }).then(res=>{
                    if (res.data.data.result=="success"){
                        xtip.msg('押金退回成功!押金为:$'+this.liver.yanjin,{icon:'s'});
                        xtip.close(loadid);
                        this.selectLiver();
                    }else{
                        xtip.msg(res.data.data.result,{icon:'e'});
                        xtip.close(loadid);
                    }
                })
            },UserYueTiXian:function () {//用户余额提现
                 if (this.withdrawmoney==''){
                     xtip.msg('请输入提现的余额',{icon:'w'});
                     return false;
                 }if (this.withdrawmoney==0){
                     xtip.msg('提现余额不能为0,请重新输入金额!',{icon:'w'});
                     return false;
                }if (!(/(^[1-9]\d*$)/.test(this.withdrawmoney))){
                    xtip.msg('提现余额只能为数字',{icon:'w'});
                    return false;
                }if (this.bankNum==''){
                     xtip.msg('请输入您的银行卡号',{icon:'w'});
                     return false;
                }if (!(/(^[1-9]\d*$)/.test(this.bankNum))){
                    xtip.msg('请输入合法的银行卡号',{icon:'w'});
                    return false;
                }
                if (this.bankNum.length!=18){
                    xtip.msg('您的银行卡号输入错误',{icon:'w'});
                    return false;
                }
                loadid=xtip.load('正在提现中!');
                axios({
                    url:link+"liver/getMoney",
                    method:"get",
                    params:{id:this.liver.id,money:this.withdrawmoney,bankNum:this.bankNum}
                }).then(res=>{
                    if (res.data.data.result=="success"){
                        xtip.msg('提现成功!金额为:$'+this.withdrawmoney,{icon:'s'});
                        this.HideYueTiXianModal();
                        xtip.close(loadid);
                        this.selectLiver();
                    }else{
                        xtip.msg('提现失败,可能原因余额不足',{icon:'w'});
                        xtip.close(loadid);
                    }
                })
            },UserWXFK:function () {//用户反馈维修信息
                if (this.wxfk.fkcontent==''){
                    xtip.msg('请填写反馈信息!',{icon:'w'});
                    return false;
                }
                loadid=xtip.load('正在提交中!');
                 axios({
                     url:link+"liver/wxfk",
                     method:"get",
                     params:{id:this.liver.id,content:this.wxfk.fkcontent}
                 }).then(res=>{
                        if (res.data.data=="success"){
                            xtip.msg('维修反馈提交成功!',{icon:'s'});
                            xtip.close(loadid);
                            $("#Clearweixiu").val('');
                        }else {
                            xtip.msg('维修反馈提交失败!',{icon:'e'});
                            xtip.close(loadid);
                        }
                 })

            },UserUpdatePassword:function () {//修改密码
                    if (this.oldPassword==''){
                        xtip.msg('旧密码不能为空!',{icon:'w'});
                        return false;
                    }
                    if (this.newPassword==''){
                        xtip.msg('新密码不能为空!',{icon:'w'});
                        return false;
                    }
                loadid=xtip.load('正在验证中!');
                    axios({
                        url:link+"liver/updatePassword",
                        method:"get",
                        params:{id:this.liver.id,oldPassword:this.oldPassword,newPassword:this.newPassword}
                    }).then(res=>{
                        if (res.data.data.result=="success"){
                            xtip.msg("修改成功",{icon:'s'});
                            this.tuiLogin();
                            xtip.close(loadid);
                        }else{
                            if (result="false")
                            xtip.msg('原密码不正确!',{icon:'e'});
                            xtip.close(loadid);
                        }
                    })
            },updateUserHouseId:function () {//换绑公寓
                if (this.liver.houseid==''){
                    xtip.msg('请您填写换绑公寓的编号',{icon:'w'});
                    return false;
                }if (!(/(^[0-9]\d*$)/.test(this.liver.houseid))){
                    xtip.msg('公寓的编号只能为数字',{icon:'w'});
                    return false;
                }
                    loadid=xtip.load('正在提交中!');
                    axios({
                        url:link+"/liver/bindHouse",
                        method:"get",
                        params:{id:this.liver.id,houseid:this.liver.houseid}
                    }).then(res=>{
                        if (res.data.data.result=="success"){
                            xtip.msg('公寓换绑成功,公寓编号为:'+this.liver.houseid,{icon:'s'});
                            this.HideUserUpGYBHMadol();
                            xtip.close(loadid);
                            this.clear();
                            this.selectLiver();
                            this.update();
                            this.liver.houseid='';
                            window.location.reload();
                        }else {
                            xtip.msg('公寓换绑失败,暂时没有该公寓',{icon:'e'});
                            xtip.close(loadid);
                            this.update();
                        }
                    });
            },seluserLogin:function (loginName) {//查询住户信息
                loadid=xtip.load("正在初始化数据");
                axios({
                    url:link+"liver/getLiver",
                    method:"get",
                    params:{loginName:loginName}
                }).then(res=>{
                    this.liver=res.data.data.list[0];
                    xtip.close(loadid);
                    if (this.liver.name==null||this.liver.name==''){//判断住户名称是否为空,如果为空打开实名验证模态框,进行验证用户身份证号
                        this.showMyMadal();
                    }
                    this.getRoomInfo();//执行房间查询
                    this.update();
                })
            },selectUserwxfk:function (pageNum) {//查询用户维修反馈信息
                if (this.wxfkstartDate==""){
                    this.wxfkstartDate="1988/06/06"
                }
                if (this.wxfkendDate==""){
                    this.wxfkendDate="1988/06/06"
                }
                loadid=xtip.load("正在查询中");
                axios({
                    url:"http://localhost:8081/house/getWxfks",
                    method:"get",
                    params:{pageNum:pageNum,houseid:this.house.id,uid:this.liver.id,fkcontent:this.wxfkfkcontent,startTime:this.wxfkstartDate,endDate:this.wxfkendDate}
                }).then(res=>{
                    if (this.wxfkstartDate=="1988/06/06"){
                        this.wxfkstartDate=""
                    }
                    if (this.wxfkendDate=="1988/06/06"){
                        this.wxfkendDate=""
                    }
                    this.wxfk=res.data.data;
                    xtip.close(loadid);
                })
            }
        },filters: {
            formatDate: function (value) {
                let date = new Date(value);
                let y = date.getFullYear();
                let MM = date.getMonth() + 1;
                MM = MM < 10 ? ('0' + MM) : MM;
                let d = date.getDate();
                d = d < 10 ? ('0' + d) : d;
                let h = date.getHours();
                h = h < 10 ? ('0' + h) : h;
                let m = date.getMinutes();
                m = m < 10 ? ('0' + m) : m;
                let s = date.getSeconds();
                s = s < 10 ? ('0' + s) : s;
                return y + '-' + MM + '-' + d /*+ ' ' + h + ':' + m + ':' + s*/;
            }, numFilter (livermoney) {
                    let realVal = '';
                    if (!isNaN(livermoney) && livermoney!== '') {
                        // 截取当前数据到小数点后两位
                        realVal = parseFloat(livermoney).toFixed(2)
                    } else {
                        realVal = '--'
                    }
                    return realVal
                }
        }
    })
</script>